<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>IE9 Example</title>
    <link
      rel="stylesheet"
      href="https://unpkg.com/bytemd@1.11.0/dist/index.min.css"
    />
    <link rel="stylesheet" href="https://unpkg.com/github-markdown-css" />
    <script src="https://polyfill.io/v3/polyfill.min.js"></script>
    <script src="https://polyfill.io/v3/polyfill.min.js?features=Uint16Array,Array.prototype.find,smoothscroll"></script>
    <script src="https://unpkg.com/bytemd@1.11.0/dist/index.es5.min.js"></script>
    <script src="https://unpkg.com/@bytemd/plugin-gfm@1.11.0/dist/index.es5.min.js"></script>
  </head>
  <body>
    <body>
      <!-- prettier-ignore -->
      <script>
        var plugins = [bytemdPluginGfm()];
        var editor = new bytemd.Editor({
          target: document.body,
          props: {
            value: '# heading\n\nparagraph\n\n> blockquote',
            plugins: plugins
          }
        });
        editor.$on('change', function (e) {
          editor.$set({ value: e.detail.value });
        });
      </script>
    </body>
  </body>
</html>
